<!-- directive:title NG指令详解 -->
<!-- directive:breadcrumb NG指令详解 -->
<div class="panel-body">
    <div class='panel panel-default'>
        <div class='panel-heading'> ng-required 指令 </div>
        <div class='panel-body'>
            <article class="docs-content">
                <p>Readonly: {{required}} <input type="checkbox" ng-model="required">
                <form name="fm1">
                    <script type="text/xianjs" ui-bs>
                        <p><input type="text" ng-model="aa" name="aa" ng-required="required"></p>
                    </script>
                    <p><input type="text" ng-model="aa" name="aa" ng-required="required"></p>
                    <p>required = {{ required }} fm1.$invalid = {{ fm1.$invalid }} fm1.aa.$error.required = {{ fm1.aa.$error.required }}</p>
                </form>
                <h4>定义和用法</h4>
                <p><code>ng-required</code> 指令用于设置表单域(input 或 textarea) 的 <code>required</code> 属性。</p>
                <p>如果 <code>ng-required</code> 属性的表达式返回 true 则表单域为只读。</p>
                <h4>语法</h4>
                <p><code>ng-required</code> 指令用于设置表单域(input 或 textarea) 的 <code>required</code> 属性。</p>
                <p>如果 <code>ng-required</code> 属性的表达式返回 true 则表单域为只读。</p>
                <script type="text/xianjs" ui-bs>
                    <input ng-required="expression"></input> expression 表达式返回 true 则表单域为必填。
                </script>
            </article>
        </div>
    </div>
</div>
